<template>
  <div class="btuan">
    <div class="main" v-for="(item,index) in blist" :key=index>
    <img :src="item.picture" alt="">
    <div class="show">
        <h4>{{item.name}}</h4>
        <span>价格：{{item.min_price}} 折扣：{{item.promotion_info}}</span>
        <span>重量：{{item.unit}} {{item.month_saled_content}}</span>
    </div>
    </div>
  </div>
</template>

<script>
import {tuanlist} from '../../utils/api'

export default {
    data(){
        return{
            blist:[]
        }
    },
    mounted(){
         tuanlist({status:0}).then((res)=>{
        this.blist = res.data.list
        
    })
    }
}
</script>

<style lang="scss" scoped>
 .btuan{
        width: 100%;
        height: 100vw;
 .main{
    display: flex;
    margin-bottom: 2vw;
    // background: yellow;
    // padding: 20vw 0 0 7vw;
    img{
            width: 30vw;
            height: 24vw;
            margin-right: 2vw;
        }
    .show{
        h4{
            margin-top: 0;
        }
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 60vw;
        height: 24vw;
    }
    }
    }
     
    
     
    
</style>